<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>图像拼合</title>
    <style>
        img.home {
            width: 46px;
            height: 44px;
            background: url('https://www.runoob.com/images/img_navsprites.gif') 0 0;
        }

        img.next {
            width: 43px;
            height: 44px;
            background: url('https://www.runoob.com/images/img_navsprites.gif') -91px 0;
        }
    </style>
</head>

<body>

    <img class="home" src="https://www.runoob.com/images/img_trans.gif"><br><br>
    <img class="next" src="https://www.runoob.com/images/img_trans.gif">

</body>

</html>